{% extends "xhs/layout.html" %}

{% block title %}小红书数据管理系统 - 添加采集任务{% endblock %}

{% block page_title %}添加采集任务{% endblock %}

{% block page_actions %}
<a href="/tasks" class="btn btn-sm btn-outline-secondary">
    <i class="fas fa-arrow-left"></i> 返回任务列表
</a>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-8 offset-md-2">
        <div class="card">
            <div class="card-header">
                <i class="fas fa-plus-circle text-danger"></i> 新采集任务
            </div>
            <div class="card-body">
                <form method="post" action="/tasks/add">
                    <div class="form-group">
                        <label for="keyword">关键词 <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="keyword" name="keyword" required 
                               placeholder="输入要采集的小红书关键词">
                        <small class="form-text text-muted">任务将搜索该关键词相关的小红书笔记和评论</small>
                    </div>
                    
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="target_notes_count">笔记目标数量</label>
                            <input type="number" class="form-control" id="target_notes_count" name="target_notes_count" 
                                   value="100" min="1" max="1000">
                            <small class="form-text text-muted">要采集的笔记数量上限 (最大1000)</small>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="target_comments_count">评论目标数量</label>
                            <input type="number" class="form-control" id="target_comments_count" name="target_comments_count" 
                                   value="1000" min="0" max="10000">
                            <small class="form-text text-muted">要采集的评论数量上限 (最大10000)</small>
                        </div>
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i> 注意事项:
                        <ul class="mb-0">
                            <li>任务创建后会自动进入等待队列</li>
                            <li>采集速度受网络和系统负载影响</li>
                            <li>大量采集可能需要较长时间完成</li>
                            <li>请遵守相关法律法规及平台规则</li>
                        </ul>
                    </div>
                    
                    <div class="form-group text-center mt-4">
                        <button type="submit" class="btn btn-danger btn-lg">
                            <i class="fas fa-play-circle"></i> 创建并开始任务
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %} 